<%-- 
    Document   : index
    Created on : 11/06/2013, 08:54:59 PM
    Author     : SEGOVIA
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Galletas</title>
        <script src="js/jquery-1.7.1.min.js"></script>
<script src="js/main.js"></script>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ruta" value="${pageContext.request.contextPath}" scope="request"></c:set>

<style type="text/css">

.odd {
    font-family: Arial;
    font-size: 11px;
    background-color: #FFFFCC;
    color: #660066;
    padding: 1px;
}

.even {
    font-family: Arial;
    font-size: 11px;
    background-color: white;
    color: Midnightblue;
   
    padding: 1px;


}
</style>

<script  type="text/javascript">

function fu_listarComisiones(){
  
	alert("en construccion");
	
}


function fu_anularComisiones(codiddjj){
    	alert("el codigo se anulo: "+codiddjj);
        return;
}
</script>
    </head>
<body onload="javascript:findAll();">
       

<div id="listarDDJJ">
        <h1>Consulta de Galletas</h1>
        <form action="listarDDJJ.htm" method="POST">
                <input type="hidden" id="accion" name="accion" value="listarDDJJ" />
            Numero: Suerte:
            <input type="text" name="placa" onfocus="this.className='odd'" onblur="this.className='even'">          
             <input type="button" value="Consultar" onclick="fu_listarComisiones();"/>
              <input type="button" value="Agregar" onclick="fu_agregarComisiones();"/>
           <br>
           <br>
            		<div id="tabMovilidad">
				<table width="95%" cellpadding="2" cellspacing="2" class="form-table">
					<tr id="trtable">
						<td class="txtPrueba">Numero Suerte</td>
						<td class="txtPrueba">Seudonimo</td>
						<td class="txtPrueba">Mensaje</td>						
                    			</tr>

					<c:forEach var="ddjj" items="${listadoDDJJ}" varStatus="status">
						<tr style='text-align:center'>
							<td style='font-weight:bold'>${ddjj.codDDJJ}</td>
							<td>${ddjj.codEmpleado}</td>
                                                        <td>${ddjj.destino}</td>
                                                        <td><c:out value="${ddjj.fechaEntrada} ${ddjj.horaEntrada}"/></td>
                                                        <td>${ddjj.tarifa}</td>				
							<td><a href="#" onclick="fu_anularComisiones('${ddjj.codDDJJ}');"><img src="${ruta}/images/anular.png" alt="anular" /></a></td>
						</tr>
					</c:forEach>
				</table>
			</div>
        </form>
	</div> 
<script type="text/javascript">
    $('#trtable td').css({'font-weight':'bold'});
</script>
    </body>
</html>
